<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>乐购电子商城-首页</title>
    <!-- 引入公共样式  -->
    <link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./lunbo/css/slider.css">
    <script src="./lunbo/lib/jquery.min.js"></script>
    <!-- <script src="../legou/lunbo/js/index.js"></script> -->
    <script src="./lunbo/lib/jquery.slidebox.js"></script>
    <!-- 引入公共文件样式 -->
    <script src="./js/common.js"></script>
    <!-- 引入当前文件样式  -->
    <link rel="stylesheet" href="./css/index.css">

</head>

<body>
    <!-- 头部通栏 -->
    <div class="tonglan container-fluid">
        <div class="clearfix">
            <div class="container">
                <div class="logo fl">
                    <img src="./img/logo.jpg" alt="">
                </div>
                <span class="wangzhi fl">legochina.cn</span>
                <span class="denglu fr">请 <a href="./Sign in.html">登录\注册</a></span>
                <span class="fr">欢迎光临<a href="#">乐购</a>,</span>
            </div>
        </div>
    </div>
    <!-- 头部 -->
    <div class="toubu container">
        <div class="zhuangtai  clearfix">
            <span class="dindan fr">我的订单</span>
            <a href="./Shopping Cart.html"><span class="gouwu fr">购物车</span></a>
            <div class="sousuokuang fr">
                <input class="fl" type="text" placeholder="创意文具">
                <button class="fr"></button>
            </div>
            <p class="daohanglan">
                <a href="./Product list page.html"><span class="daohanglan-dao">图书</span></a>
                <a href="./Product list page.html"><span class="daohanglan-dao">电子书</span></a>
                <a href="./Product list page.html"><span class="daohanglan-dao">原创文字</span></a>
                <a href="#"><span class="daohanglan-dao">服装</span></a>
                <a href="#"><span class="daohanglan-dao">户外运动</span></a>
                <a href="#"><span class="daohanglan-dao">孕婴童</span></a>
                <a href="#"><span class="daohanglan-dao">家居</span></a>
                <a href="#"><span class="daohanglan-dao">创意文具</span></a>
                <a href="#"><span class="daohanglan-dao">地方特产</span></a>
                <a href="#"><span class="daohanglan-dao">海外淘</span></a>
                <a href="#"><span class="daohanglan-dao">电器城</span></a>
            </p>
        </div>
    </div>
    <!-- 导航 -->
    <div class="navigation container clearfix">
        <!-- 导航栏左 -->
        <ul class="navigation-left fl">
            <li class="navigation-leftp">
                <p class="biankuang">
                    <a class="lianjie" href="#">图书</a>、
                    <a class="lianjie" href="#">电子书</a>、
                    <a class="lianjie" href="#">童书</a>
                </p>
                <div class="navigation-leftp-zi">
                    <a class="shuguan" href="#">图书馆&gt;&gt;</a>
                    <a class="shuguan" href="#">儿童书馆&gt;&gt;</a>
                    <a class="shuguan" href="#">电子书馆&gt;&gt;</a>
                    <p class="biaoti">文艺</p>
                    <p class="wenyilianjie">
                        <a href="#">小说</a>
                        <a href="#">文学</a>
                        <a href="#">传记</a>
                        <a href="#">青春</a>
                        <a href="#">动漫</a>
                        <a href="#">艺术</a>
                        <a href="#">摄影</a>
                        <a href="#">明星</a>
                    </p>
                    <p class="biaoti">人文社科</p>
                    <p class="wenyilianjie">
                        <a href="#">小说</a>
                        <a href="#">文学</a>
                        <a href="#">传记</a>
                        <a href="#">青春</a>
                        <a href="#">动漫</a>
                        <a href="#">艺术</a>
                        <a href="#">摄影</a>
                        <a href="#">明星</a>
                        <a href="#">历史</a>
                        <a href="#">政治军事</a>
                        <a href="#">文化</a>
                        <a href="#">心理学</a>
                        <a href="#">法律</a>

                    </p>
                    <p class="biaoti">管理</p>
                    <p class="wenyilianjie">
                        <a href="#">小说</a>
                        <a href="#">文学</a>
                        <a href="#">传记</a>
                        <a href="#">青春</a>
                        <a href="#">动漫</a>
                        <a href="#">艺术</a>
                        <a href="#">摄影</a>
                        <a href="#">明星</a>
                        <a href="#">经济</a>
                        <a href="#">投资理财</a>
                        <a href="#">金融</a>
                        <a href="#">互联网</a>
                    </p>
                    <p class="biaoti">励志</p>
                    <p class="wenyilianjie">
                        <a href="#">小说</a>
                        <a href="#">文学</a>
                        <a href="#">传记</a>
                        <a href="#">青春</a>
                        <a href="#">动漫</a>
                        <a href="#">艺术</a>
                        <a href="#">摄影</a>
                        <a href="#">明星</a>
                        <a href="#">励志成功</a>
                        <a href="#">职场</a>
                        <a href="#">心灵修养</a>
                    </p>
                    <p class="biaoti">教育</p>
                    <p class="wenyilianjie">
                        <a href="#">中小学教辅</a>
                        <a href="#">考试</a>
                        <a href="#">大中专教辅</a>
                        <a href="#">外语</a>
                        <a href="#">工具书</a>
                        <a href="#">公务员</a>
                        <a href="#">考研</a>
                    </p>
                    <p class="biaoti">文艺</p>
                    <p class="wenyilianjie">
                        <a href="#">小说</a>
                        <a href="#">文学</a>
                        <a href="#">传记</a>
                        <a href="#">青春</a>
                        <a href="#">动漫</a>
                        <a href="#">艺术</a>
                        <a href="#">摄影</a>
                        <a href="#">明星</a>
                    </p>
                    <p class="biaoti">文艺</p>
                    <p class="wenyilianjie">
                        <a href="#">小说</a>
                        <a href="#">文学</a>
                        <a href="#">传记</a>
                        <a href="#">青春</a>
                        <a href="#">动漫</a>
                        <a href="#">艺术</a>
                        <a href="#">摄影</a>
                        <a href="#">明星</a>
                    </p>
                    <p class="biaoti">文艺</p>
                    <p class="wenyilianjie">
                        <a href="#">小说</a>
                        <a href="#">文学</a>
                        <a href="#">传记</a>
                        <a href="#">青春</a>
                        <a href="#">动漫</a>
                        <a href="#">艺术</a>
                        <a href="#">摄影</a>
                        <a href="#">明星</a>
                    </p>
                </div>
            </li>
            <li class="navigation-leftp">
                <p class="biankuang">
                    <a class="lianjie" href="#">创意文具</a>
                </p>

                <div class="navigation-leftp-zi">
                    2
                </div>
            </li>
            <li class="navigation-leftp">
                <p class="biankuang">
                    <a class="lianjie" href="#">服饰</a>
                    <a class="lianjie" href="#">内衣</a>
                </p>

                <div class="navigation-leftp-zi">
                    3
                </div>
            </li>
            <li class="navigation-leftp">
                <p class="biankuang">
                    <a class="lianjie" href="#">鞋靴</a>
                    <a class="lianjie" href="#">箱包</a>
                </p>

                <div class="navigation-leftp-zi">
                    3
                </div>
            </li>
            <li class="navigation-leftp">
                <p class="biankuang">
                    <a class="lianjie" href="#">户外运动</a>
                </p>

                <div class="navigation-leftp-zi">
                    4
                </div>
            </li>
            <li class="navigation-leftp">
                <p class="biankuang">
                    <a class="lianjie" href="#">孕</a>、
                    <a class="lianjie" href="#">婴</a>、
                    <a class="lianjie" href="#">童</a>
                </p>
                <div class="navigation-leftp-zi">
                    5
                </div>
            </li>
            <li class="navigation-leftp">
                <p class="biankuang">
                    <a class="lianjie" href="#">家居</a>、
                    <a class="lianjie" href="#">家纺</a>、
                    <a class="lianjie" href="#">汽车</a>

                </p>
                <div class="navigation-leftp-zi">
                    6
                </div>
            </li>
            <li class="navigation-leftp">
                <p class="biankuang">

                    <a class="lianjie" href="#">家具</a>、
                    <a class="lianjie" href="#">家装</a>、
                    <a class="lianjie" href="#">康体</a>
                </p>
                <div class="navigation-leftp-zi">
                    7
                </div>
            </li>
            <li class="navigation-leftp">
                <p class="biankuang">

                    <a class="lianjie" href="#">美妆</a>、
                    <a class="lianjie" href="#">个人护理</a>、
                    <a class="lianjie" href="#">成人</a>
                </p>
                <div class="navigation-leftp-zi">
                    8
                </div>
            </li>
            <li class="navigation-leftp">
                <p class="biankuang">

                    <a class="lianjie" href="#">食品</a>、
                    <a class="lianjie" href="#">茶酒</a>、
                    <a class="lianjie" href="#">生鲜</a>
                </p>
                <div class="navigation-leftp-zi">
                    9
                </div>
            </li>
            <li class="navigation-leftp">
                <p class="biankuang">

                    <a class="lianjie" href="#">腕表</a>、
                    <a class="lianjie" href="#">珠宝</a>、
                    <a class="lianjie" href="#">眼镜</a>
                </p>
                <div class="navigation-leftp-zi">
                    10
                </div>
            </li>
            <li class="navigation-leftp">
                <p class="biankuang">

                    <a class="lianjie" href="#">手机</a>、
                    <a class="lianjie" href="#">数码</a>
                </p>
                <div class="navigation-leftp-zi">
                    11
                </div>
            </li>
            <li class="navigation-leftp">
                <p class="biankuang">
                    <a class="lianjie" href="#">电脑办公</a>
                </p>

                <div class="navigation-leftp-zi">
                    12
                </div>
            </li>
            <li class="navigation-leftp">
                <p class="biankuang">
                    <a class="lianjie" href="#">家用电器</a>
                </p>

                <div class="navigation-leftp-zi">
                    13
                </div>
            </li>
        </ul>
        <!-- 导航栏右 -->
        <div class="navigation-right fr">
            <div class="pptbox fl" id="slider">
                <ul class="innerwrapper">
                    <li>
                        <a href="#">
                            <img src="./lunbo/imgs/banner1.jpg" />
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./lunbo/imgs/banner2.jpg" />
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./lunbo/imgs/banner3.jpg" />
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./lunbo/imgs/banner4.jpg" />
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./lunbo/imgs/banner5.jpg" />
                        </a>
                    </li>
                </ul>
                <ul class="controls">
                    <li class="current">1</li>
                    <li>2</li>
                    <li>3</li>
                    <li>4</li>
                    <li>5</li>
                </ul>
                <span class="btnleft"></span>
                <span class="btnright"></span>
            </div>
        </div>
    </div>

    <!-- 楼层导航 -->
    <ul class="navigationloucen">
        <li class="loucen1 bg1">
            <span>图书</span>
        </li>
        <li class="loucen1 bg2">
            <span>服装</span>
        </li>
        <li class="loucen1 bg3">
            <span>运动</span>
        </li>
        <li class="loucen1 bg4">
            <span>童装</span>
        </li>
        <li class="loucen1 bg5">
            <span>家居</span>
        </li>
    </ul>


    <!-- 搜索框 -->
    <div class="toubusousuo">

    </div>

    <!-- 今日推荐 -->
    <div class="brand container">
        <!-- 标题 -->
        <p class="biaoti">
            <span class="fl">乐购·今日推荐</span>
        </p>
        <!-- 内容 -->
        <ul class="recommended clearfix">
            <li class="recommend fl">
                <img class="subiao" src="./img/index06_05.jpg" alt="">
                <img class="xianshi" src="./img/index05_18.jpg" alt="">
                <p>
                    黑爵青蜂侠六键电竞游戏鼠标全国联保 一年免费包换
                </p>
                <span>￥:299</span>
            </li>
            <li class="recommend fl">
                <img class="subiao" src="./img/index06_05.jpg" alt="">
                <img class="xianshi" src="./img/index05_18.jpg" alt="">
                <p>
                    黑爵青蜂侠六键电竞游戏鼠标全国联保 一年免费包换
                </p>
                <span>￥:299</span>
            </li>
            <li class="recommend fl">
                <img class="subiao" src="./img/index06_05.jpg" alt="">
                <img class="xianshi" src="./img/index05_18.jpg" alt="">
                <p>
                    黑爵青蜂侠六键电竞游戏鼠标全国联保 一年免费包换
                </p>
                <span>￥:299</span>
            </li>
            <li class="recommend fl">
                <img class="subiao" src="./img/index06_05.jpg" alt="">
                <img class="xianshi" src="./img/index05_18.jpg" alt="">
                <p>
                    黑爵青蜂侠六键电竞游戏鼠标全国联保 一年免费包换
                </p>
                <span>￥:299</span>
            </li>
            <li class="recommend fl">
                <img class="subiao" src="./img/index06_05.jpg" alt="">
                <img class="xianshi" src="./img/index05_18.jpg" alt="">
                <p>
                    黑爵青蜂侠六键电竞游戏鼠标全国联保 一年免费包换
                </p>
                <span>￥:299</span>
            </li>
            <li class="recommend fl">
                <img class="subiao" src="./img/index06_05.jpg" alt="">
                <img class="xianshi" src="./img/index05_18.jpg" alt="">
                <p>
                    黑爵青蜂侠六键电竞游戏鼠标全国联保 一年免费包换
                </p>
                <span>￥:299</span>
            </li>
            <li class="recommend fl">
                <img class="subiao" src="./img/index06_11.jpg" alt="">
                <img class="xianshi" src="./img/index05_18.jpg" alt="">
                <p>
                    黑爵青蜂侠六键电竞游戏鼠标全国联保 一年免费包换
                </p>
                <span>￥:89</span>
            </li>
            <li class="recommend fl">
                <img class="subiao" src="./img/index06_11.jpg" alt="">
                <img class="xianshi" src="./img/index05_18.jpg" alt="">
                <p>
                    黑爵青蜂侠六键电竞游戏鼠标全国联保 一年免费包换
                </p>
                <span>￥:89</span>
            </li>
            <li class="recommend fl">
                <img class="subiao" src="./img/index06_11.jpg" alt="">
                <img class="xianshi" src="./img/index05_18.jpg" alt="">
                <p>
                    黑爵青蜂侠六键电竞游戏鼠标全国联保 一年免费包换
                </p>
                <span>￥:89</span>
            </li>
            <li class="recommend fl">
                <img class="subiao" src="./img/index06_11.jpg" alt="">
                <img class="xianshi" src="./img/index05_18.jpg" alt="">
                <p>
                    黑爵青蜂侠六键电竞游戏鼠标全国联保 一年免费包换
                </p>
                <span>￥:89</span>
            </li>
            <li class="recommend fl">
                <img class="subiao" src="./img/index06_11.jpg" alt="">
                <img class="xianshi" src="./img/index05_18.jpg" alt="">
                <p>
                    黑爵青蜂侠六键电竞游戏鼠标全国联保 一年免费包换
                </p>
                <span>￥:89</span>
            </li>
            <li class="recommend fl">
                <img class="subiao" src="./img/index06_11.jpg" alt="">
                <img class="xianshi" src="./img/index05_18.jpg" alt="">
                <p>
                    黑爵青蜂侠六键电竞游戏鼠标全国联保 一年免费包换
                </p>
                <span>￥:89</span>
            </li>
        </ul>
    </div>


    <!-- 电子书 -->
    <div class="ebook container clearfix floor">
        <!-- 左选项卡 -->
        <div class="ebook-left fl">
            <!-- 标题选项卡 -->
            <div class="biaoti clearfix">
                <span class="fl">图书 电子书</span>
                <p class="biaoti-right fr">
                    <span class="biaoti-tab fl option">最新上架</span>
                    <span class="biaoti-tab fl">独家畅销</span>
                    <span class="biaoti-tab fr">电子书</span>
                </p>
            </div>
            <!-- 最新上架 -->
            <div class="xuanxiagone fl on">
                <ul class="brandedcontent clearfix">
                    <!-- 框1 -->
                    <li class="contentbox fl">
                        <img src="./img/index7_17.jpg" alt="">
                        <p>
                            <a href="#">女包</a>
                            <a href="#">防晒品</a>
                            <a href="#">短裤</a>
                            <a href="#">冰丝内裤</a>
                            <a href="#">男包</a>
                            <a href="#">功能箱包</a>
                            <a href="#">蕾丝衬衫</a>
                            <a href="#">奢侈品</a>
                            <a href="#">男鞋</a>
                            <a href="#">女包</a>
                            <a href="#">女鞋</a>
                            <a href="#">全部分类&gt;</a>
                        </p>
                    </li>
                    <!-- 框2 -->
                    <li class="contentbox2 fl">
                        <div class="pptbox ebookslider">
                            <ul class="innerwrapper">
                                <li>
                                    <a href="#">
                                        <img src="./img/index10_05.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="./img/index09_05.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="./img/index23_08.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="./img/index21_05.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="./img/index7_17.jpg" />
                                    </a>
                                </li>
                            </ul>
                            <ul class="controls">
                                <li class="current">1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>4</li>
                                <li>5</li>
                            </ul>
                            <span class="btnleft"></span>
                            <span class="btnright"></span>

                        </div>
                        <p class="pptbox-shu clearfix">
                            <img class="imgleft fl" src="./素材图片/书籍/0804zhu.jpg" alt="">
                            <img class="fr" src="./素材图片/书籍/0804zhu.jpg" alt="">
                        </p>
                    </li>
                    <!-- 框3 -->
                    <li class="contentbox3 fl">
                        <img class="fl" src="./素材图片/书籍/0804zhu.jpg" alt="">
                        <img class="fl" src="./素材图片/书籍/0804zhu.jpg" alt="">
                        <img class="fl" src="./素材图片/书籍/0804zhu.jpg" alt="">
                        <img class="fl" src="./素材图片/书籍/0804zhu.jpg" alt="">
                    </li>
                </ul>
            </div>
            <!-- 独家畅销 -->
            <div class="xuanxiagone fl">
                <ul class="brandedcontent clearfix">
                    <!-- 框1 -->
                    <li class="contentbox fl">
                        <img src="./素材图片/书籍/23579654-1_l.jpg" alt="">
                        <p>
                            <a href="#">女包</a>
                            <a href="#">防晒品</a>
                            <a href="#">短裤</a>
                            <a href="#">冰丝内裤</a>
                            <a href="#">男包</a>
                            <a href="#">功能箱包</a>
                            <a href="#">蕾丝衬衫</a>
                            <a href="#">奢侈品</a>
                            <a href="#">男鞋</a>
                            <a href="#">女包</a>
                            <a href="#">女鞋</a>
                            <a href="#">全部分类&gt;</a>
                        </p>
                    </li>
                    <!-- 框2 -->
                    <li class="contentbox2 fl">
                        <div class="pptbox ebookslider">
                            <ul class="innerwrapper">
                                <li>
                                    <a href="#">
                                        <img src="./img/index10_05.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="./img/index09_05.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="./img/index23_08.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="./img/index21_05.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="./img/index7_17.jpg" />
                                    </a>
                                </li>
                            </ul>
                            <ul class="controls">
                                <li class="current">1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>4</li>
                                <li>5</li>
                            </ul>
                            <span class="btnleft"></span>
                            <span class="btnright"></span>

                        </div>
                        <p class="pptbox-shu clearfix">
                            <img class="imgleft fl" src="./素材图片/书籍/0804zhu.jpg" alt="">
                            <img class="fr" src="./素材图片/书籍/0804zhu.jpg" alt="">
                        </p>
                    </li>
                    <!-- 框3 -->
                    <li class="contentbox3 fl">
                        <img class="fl" src="./素材图片/书籍/0804zhu.jpg" alt="">
                        <img class="fl" src="./素材图片/书籍/0804zhu.jpg" alt="">
                        <img class="fl" src="./素材图片/书籍/0804zhu.jpg" alt="">
                        <img class="fl" src="./素材图片/书籍/0804zhu.jpg" alt="">
                    </li>
                </ul>
            </div>
            <!-- 电子书 -->
            <div class="xuanxiagone fl">
                <ul class="brandedcontent clearfix">
                    <!-- 框1 -->
                    <li class="contentbox fl">
                        <img src="./素材图片/书籍/22913031-1_l.jpg" alt="">
                        <p>
                            <a href="#">女包</a>
                            <a href="#">防晒品</a>
                            <a href="#">短裤</a>
                            <a href="#">冰丝内裤</a>
                            <a href="#">男包</a>
                            <a href="#">功能箱包</a>
                            <a href="#">蕾丝衬衫</a>
                            <a href="#">奢侈品</a>
                            <a href="#">男鞋</a>
                            <a href="#">女包</a>
                            <a href="#">女鞋</a>
                            <a href="#">全部分类&gt;</a>
                        </p>
                    </li>
                    <!-- 框2 -->
                    <li class="contentbox2 fl">
                        <div class="pptbox ebookslider">
                            <ul class="innerwrapper">
                                <li>
                                    <a href="#">
                                        <img src="./img/index10_05.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="./img/index09_05.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="./img/index23_08.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="./img/index21_05.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="./img/index7_17.jpg" />
                                    </a>
                                </li>
                            </ul>
                            <ul class="controls">
                                <li class="current">1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>4</li>
                                <li>5</li>
                            </ul>
                            <span class="btnleft"></span>
                            <span class="btnright"></span>

                        </div>
                        <p class="pptbox-shu clearfix">
                            <img class="imgleft fl" src="./素材图片/书籍/0804zhu.jpg" alt="">
                            <img class="fr" src="./素材图片/书籍/0804zhu.jpg" alt="">
                        </p>
                    </li>
                    <!-- 框3 -->
                    <li class="contentbox3 fl">
                        <img class="fl" src="./素材图片/书籍/0804zhu.jpg" alt="">
                        <img class="fl" src="./素材图片/书籍/0804zhu.jpg" alt="">
                        <img class="fl" src="./素材图片/书籍/0804zhu.jpg" alt="">
                        <img class="fl" src="./素材图片/书籍/0804zhu.jpg" alt="">
                    </li>
                </ul>
            </div>
        </div>
        <!-- 右新书畅销榜 -->
        <div class="ebook-right fr bd">
            <h2>新书畅销榜</h2>
            <ul class="bangdan">
                <li class="paiming">
                    <span>1</span>
                    <p class="biaoti">就喜欢你看不惯我 又干不</p>
                    <div class="neirong clearfix">
                        <img class="fl" src="./img/index08_05.jpg" alt="">
                        <p class="jieshao">
                            从你的世界路过入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                        </p>
                    </div>
                </li>
                <li class="paiming">
                    <span>1</span>
                    <p class="biaoti">就喜欢你看不惯我 又干不</p>
                    <div class="neirong clearfix">
                        <img class="fl" src="./img/index08_05.jpg" alt="">
                        <p class="jieshao">
                            从你的世界路过入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                        </p>
                    </div>
                </li>
                <li class="paiming">
                    <span>1</span>
                    <p class="biaoti">就喜欢你看不惯我 又干不</p>
                    <div class="neirong clearfix">
                        <img class="fl" src="./img/index08_05.jpg" alt="">
                        <p class="jieshao">
                            从你的世界路过入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                        </p>
                    </div>
                </li><li class="paiming">
                    <span>1</span>
                    <p class="biaoti">就喜欢你看不惯我 又干不</p>
                    <div class="neirong clearfix">
                        <img class="fl" src="./img/index08_05.jpg" alt="">
                        <p class="jieshao">
                            从你的世界路过入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                        </p>
                    </div>
                </li><li class="paiming">
                    <span>1</span>
                    <p class="biaoti">就喜欢你看不惯我 又干不</p>
                    <div class="neirong clearfix">
                        <img class="fl" src="./img/index08_05.jpg" alt="">
                        <p class="jieshao">
                            从你的世界路过入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                        </p>
                    </div>
                </li>
                <li class="paiming">
                    <span>1</span>
                    <p class="biaoti">就喜欢你看不惯我 又干不</p>
                    <div class="neirong clearfix">
                        <img class="fl" src="./img/index08_05.jpg" alt="">
                        <p class="jieshao">
                            从你的世界路过入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                        </p>
                    </div>
                </li><li class="paiming">
                    <span>1</span>
                    <p class="biaoti">就喜欢你看不惯我 又干不</p>
                    <div class="neirong clearfix">
                        <img class="fl" src="./img/index08_05.jpg" alt="">
                        <p class="jieshao">
                            从你的世界路过入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                        </p>
                    </div>
                </li><li class="paiming">
                    <span>1</span>
                    <p class="biaoti">就喜欢你看不惯我 又干不</p>
                    <div class="neirong clearfix">
                        <img class="fl" src="./img/index08_05.jpg" alt="">
                        <p class="jieshao">
                            从你的世界路过入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                        </p>
                    </div>
                </li>
                
            </ul>
        </div>
    </div>


    <!-- 服装 -->
    <div class="brand container clearfix brandes floor">
        <!-- 标题选项卡 -->
        <div class="biaoti clearfix">
            <span class="fl">服装</span>
            <p class="biaoti-right fr">
                <span class="biaoti-tab fl option">女装内衣</span>
                <span class="biaoti-tab fl">热销男装</span>
                <span class="biaoti-tab fr">精品鞋靴</span>
            </p>
        </div>
        <!-- 女装内衣 -->
        <div class="xuanxiagone fl on">
            <ul class="brandedcontent clearfix">
                <!-- 框1 -->
                <li class="contentbox fl">
                    <a href="./Product details page.html"><img src="./img/index7_17.jpg" alt=""></a>
                    <p>
                        <a href="#">女包</a>
                        <a href="#">防晒品</a>
                        <a href="#">短裤</a>
                        <a href="#">冰丝内裤</a>
                        <a href="#">男包</a>
                        <a href="#">功能箱包</a>
                        <a href="#">蕾丝衬衫</a>
                        <a href="#">奢侈品</a>
                        <a href="#">男鞋</a>
                        <a href="#">女包</a>
                        <a href="#">女鞋</a>
                        <a href="#">全部分类&gt;</a>
                    </p>
                </li>
                <!-- 框2 -->
                <li class="contentbox2 fl">
                    <div class="pptbox fl slider">
                        <ul class="innerwrapper">
                            <li>
                                <a href="#">
                                    <img src="./img/index10_05.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./img/index09_05.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./img/index23_08.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./img/index21_05.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./img/index7_17.jpg" />
                                </a>
                            </li>
                        </ul>
                        <ul class="controls">
                            <li class="current">1</li>
                            <li>2</li>
                            <li>3</li>
                            <li>4</li>
                            <li>5</li>
                        </ul>
                        <span class="btnleft"></span>
                        <span class="btnright"></span>
                    </div>
                    <img class="youhui" src="./img/index11_08.jpg" alt="">
                </li>
                <!-- 框3 -->
                <li class="contentbox3 fl">
                    <img class="shang fl" src="./img/index100_05.jpg" alt="">
                    <img class="shang fl" src="./img/index100_05.jpg" alt="">
                    <img class="shang fl aaa" src="./img/index100_05.jpg" alt="">
                    <img class="xia fl" src="./img/index100_11.jpg" alt="">
                    <img class="xia fl" src="./img/index100_11.jpg" alt="">
                    <img class="xia fl aaa" src="./img/index100_11.jpg" alt="">
                </li>
            </ul>
        </div>
        <!-- 热销男装 -->
        <div class="xuanxiagone fl">
            <ul class="brandedcontent clearfix">
                <!-- 框1 -->
                <li class="contentbox fl">
                    <img src="./素材图片/热销男装/D.jpg" alt="">
                    <p>
                        <a href="#">女包</a>
                        <a href="#">防晒品</a>
                        <a href="#">短裤</a>
                        <a href="#">冰丝内裤</a>
                        <a href="#">男包</a>
                        <a href="#">功能箱包</a>
                        <a href="#">蕾丝衬衫</a>
                        <a href="#">奢侈品</a>
                        <a href="#">男鞋</a>
                        <a href="#">女包</a>
                        <a href="#">女鞋</a>
                        <a href="#">全部分类&gt;</a>
                    </p>
                </li>
                <!-- 框2 -->
                <li class="contentbox2 fl">
                    <div class="pptbox fl slider">
                        <ul class="innerwrapper">
                            <li>
                                <a href="#">
                                    <img src="./素材图片/热销男装/136700019847353_1_o.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./素材图片/热销男装/D.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./素材图片/热销男装/75840018943081_1_o.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./素材图片/热销男装/86900018851686_y.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./素材图片/热销男装/86900019841997_1_o.jpg" />
                                </a>
                            </li>
                        </ul>
                        <ul class="controls">
                            <li class="current">1</li>
                            <li>2</li>
                            <li>3</li>
                            <li>4</li>
                            <li>5</li>
                        </ul>
                        <span class="btnleft"></span>
                        <span class="btnright"></span>
                    </div>
                    <img class="youhui" src="./img/index11_08.jpg" alt="">
                </li>
                <!-- 框3 -->
                <li class="contentbox3 fl">
                    <img class="shang fl" src="./素材图片/热销男装/129860019491107_1_o.jpg" alt="">
                    <img class="shang fl" src="./素材图片/热销男装/181160019766142_1_o.jpg" alt="">
                    <img class="shang fl aaa" src="./素材图片/热销男装/151210014190666_y.jpg" alt="">
                    <img class="xia fl" src="./素材图片/热销男装/129860019491107_1_o.jpg" alt="">
                    <img class="xia fl" src="./素材图片/热销男装/129860019491107_1_o.jpg" alt="">
                    <img class="xia fl aaa" src="./素材图片/热销男装/129860019491107_1_o.jpg" alt="">
                </li>
            </ul>
        </div>
        <!-- 精品鞋靴 -->
        <div class="xuanxiagone fl">
            <ul class="brandedcontent clearfix">
                <!-- 框1 -->
                <li class="contentbox fl">
                    <img src="./素材图片/精品鞋靴/80380025413324_1_o.png" alt="">
                    <p>
                        <a href="#">女包</a>
                        <a href="#">防晒品</a>
                        <a href="#">短裤</a>
                        <a href="#">冰丝内裤</a>
                        <a href="#">男包</a>
                        <a href="#">功能箱包</a>
                        <a href="#">蕾丝衬衫</a>
                        <a href="#">奢侈品</a>
                        <a href="#">男鞋</a>
                        <a href="#">女包</a>
                        <a href="#">女鞋</a>
                        <a href="#">全部分类&gt;</a>
                    </p>
                </li>
                <!-- 框2 -->
                <li class="contentbox2 fl">
                    <div class="pptbox fl slider">
                        <ul class="innerwrapper">
                            <li>
                                <a href="#">
                                    <img src="./img/index10_05.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./img/index09_05.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./img/index23_08.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./img/index21_05.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./img/index7_17.jpg" />
                                </a>
                            </li>
                        </ul>
                        <ul class="controls">
                            <li class="current">1</li>
                            <li>2</li>
                            <li>3</li>
                            <li>4</li>
                            <li>5</li>
                        </ul>
                        <span class="btnleft"></span>
                        <span class="btnright"></span>
                    </div>
                    <img class="youhui" src="./img/index11_08.jpg" alt="">
                </li>
                <!-- 框3 -->
                <li class="contentbox3 fl">
                    <img class="shang fl" src="./img/index100_05.jpg" alt="">
                    <img class="shang fl" src="./img/index100_05.jpg" alt="">
                    <img class="shang fl aaa" src="./img/index100_05.jpg" alt="">
                    <img class="xia fl" src="./img/index100_11.jpg" alt="">
                    <img class="xia fl" src="./img/index100_11.jpg" alt="">
                    <img class="xia fl aaa" src="./img/index100_11.jpg" alt="">
                </li>
            </ul>
        </div>
        <!-- 底部logo -->
        <ul class="bottomlogo clearfix">
            <li class="fl">
                <img src="./img/index15_13.jpg" alt="">
            </li>
            <li class="fl">
                <img src="./img/index15_14.jpg" alt="">
            </li>
            <li class="fl">
                <img src="./img/logo13_11.jpg" alt="">
            </li>
            <li class="fl">
                <img src="./img/logo13_12.jpg" alt="">
            </li>
            <li class="fl">
                <img src="./img/logo13_13.jpg" alt="">
            </li>
            <li class="fl">
                <img src="./img/logo13_14.jpg" alt="">
            </li>
            <li class="fl">
                <img src="./img/logo13_15.jpg" alt="">
            </li>
            <li class="fl">
                <img src="./img/logo13_16.jpg" alt="">
            </li>
            <li class="fl">
                <img src="./img/logo13_17.jpg" alt="">
            </li>
        </ul>
    </div>


    <!-- 户外运动 -->
    <div class="brand container clearfix brandhuwai floor">
        <!-- 标题选项卡 -->
        <div class="biaoti clearfix">
            <span class="fl">户外运动</span>
            <p class="biaoti-right fr">
                <span class="biaoti-tab fl option">女装内衣</span>
                <span class="biaoti-tab fl">热销男装</span>
                <span class="biaoti-tab fr">精品鞋靴</span>
            </p>
        </div>
        <!-- 女装内衣 -->
        <div class="xuanxiagone fl on">
            <ul class="brandedcontent clearfix">
                <!-- 框1 -->
                <li class="contentbox fl">
                    <img src="./img/index7_17.jpg" alt="">
                    <p>
                        <a href="#">女包</a>
                        <a href="#">防晒品</a>
                        <a href="#">短裤</a>
                        <a href="#">冰丝内裤</a>
                        <a href="#">男包</a>
                        <a href="#">功能箱包</a>
                        <a href="#">蕾丝衬衫</a>
                        <a href="#">奢侈品</a>
                        <a href="#">男鞋</a>
                        <a href="#">女包</a>
                        <a href="#">女鞋</a>
                        <a href="#">全部分类&gt;</a>
                    </p>
                </li>
                <!-- 框2 -->
                <li class="contentbox2 fl">
                    <div class="pptbox fl slider">
                        <ul class="innerwrapper">
                            <li>
                                <a href="#">
                                    <img src="./img/index10_05.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./img/index09_05.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./img/index23_08.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./img/index21_05.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./img/index7_17.jpg" />
                                </a>
                            </li>
                        </ul>
                        <ul class="controls">
                            <li class="current">1</li>
                            <li>2</li>
                            <li>3</li>
                            <li>4</li>
                            <li>5</li>
                        </ul>
                        <span class="btnleft"></span>
                        <span class="btnright"></span>
                    </div>
                    <img class="youhui" src="./img/index11_08.jpg" alt="">
                </li>
                <!-- 框3 -->
                <li class="contentbox3 fl">
                    <img class="shang fl" src="./img/index100_05.jpg" alt="">
                    <img class="shang fl" src="./img/index100_05.jpg" alt="">
                    <img class="shang fl aaa" src="./img/index100_05.jpg" alt="">
                    <img class="xia fl" src="./img/index100_11.jpg" alt="">
                    <img class="xia fl" src="./img/index100_11.jpg" alt="">
                    <img class="xia fl aaa" src="./img/index100_11.jpg" alt="">
                </li>
            </ul>
        </div>
        <!-- 热销男装 -->
        <div class="xuanxiagone fl">
            <ul class="brandedcontent clearfix">
                <!-- 框1 -->
                <li class="contentbox fl">
                    <img src="./素材图片/热销男装/D.jpg" alt="">
                    <p>
                        <a href="#">女包</a>
                        <a href="#">防晒品</a>
                        <a href="#">短裤</a>
                        <a href="#">冰丝内裤</a>
                        <a href="#">男包</a>
                        <a href="#">功能箱包</a>
                        <a href="#">蕾丝衬衫</a>
                        <a href="#">奢侈品</a>
                        <a href="#">男鞋</a>
                        <a href="#">女包</a>
                        <a href="#">女鞋</a>
                        <a href="#">全部分类&gt;</a>
                    </p>
                </li>
                <!-- 框2 -->
                <li class="contentbox2 fl">
                    <div class="pptbox fl slider">
                        <ul class="innerwrapper">
                            <li>
                                <a href="#">
                                    <img src="./素材图片/热销男装/136700019847353_1_o.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./素材图片/热销男装/D.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./素材图片/热销男装/75840018943081_1_o.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./素材图片/热销男装/86900018851686_y.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./素材图片/热销男装/86900019841997_1_o.jpg" />
                                </a>
                            </li>
                        </ul>
                        <ul class="controls">
                            <li class="current">1</li>
                            <li>2</li>
                            <li>3</li>
                            <li>4</li>
                            <li>5</li>
                        </ul>
                        <span class="btnleft"></span>
                        <span class="btnright"></span>
                    </div>
                    <img class="youhui" src="./img/index11_08.jpg" alt="">
                </li>
                <!-- 框3 -->
                <li class="contentbox3 fl">
                    <img class="shang fl" src="./素材图片/热销男装/129860019491107_1_o.jpg" alt="">
                    <img class="shang fl" src="./素材图片/热销男装/181160019766142_1_o.jpg" alt="">
                    <img class="shang fl aaa" src="./素材图片/热销男装/151210014190666_y.jpg" alt="">
                    <img class="xia fl" src="./素材图片/热销男装/129860019491107_1_o.jpg" alt="">
                    <img class="xia fl" src="./素材图片/热销男装/129860019491107_1_o.jpg" alt="">
                    <img class="xia fl aaa" src="./素材图片/热销男装/129860019491107_1_o.jpg" alt="">
                </li>
            </ul>
        </div>
        <!-- 精品鞋靴 -->
        <div class="xuanxiagone fl">
            <ul class="brandedcontent clearfix">
                <!-- 框1 -->
                <li class="contentbox fl">
                    <img src="./素材图片/精品鞋靴/80380025413324_1_o.png" alt="">
                    <p>
                        <a href="#">女包</a>
                        <a href="#">防晒品</a>
                        <a href="#">短裤</a>
                        <a href="#">冰丝内裤</a>
                        <a href="#">男包</a>
                        <a href="#">功能箱包</a>
                        <a href="#">蕾丝衬衫</a>
                        <a href="#">奢侈品</a>
                        <a href="#">男鞋</a>
                        <a href="#">女包</a>
                        <a href="#">女鞋</a>
                        <a href="#">全部分类&gt;</a>
                    </p>
                </li>
                <!-- 框2 -->
                <li class="contentbox2 fl">
                    <div class="pptbox fl slider">
                        <ul class="innerwrapper">
                            <li>
                                <a href="#">
                                    <img src="./img/index10_05.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./img/index09_05.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./img/index23_08.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./img/index21_05.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./img/index7_17.jpg" />
                                </a>
                            </li>
                        </ul>
                        <ul class="controls">
                            <li class="current">1</li>
                            <li>2</li>
                            <li>3</li>
                            <li>4</li>
                            <li>5</li>
                        </ul>
                        <span class="btnleft"></span>
                        <span class="btnright"></span>
                    </div>
                    <img class="youhui" src="./img/index11_08.jpg" alt="">
                </li>
                <!-- 框3 -->
                <li class="contentbox3 fl">
                    <img class="shang fl" src="./img/index100_05.jpg" alt="">
                    <img class="shang fl" src="./img/index100_05.jpg" alt="">
                    <img class="shang fl aaa" src="./img/index100_05.jpg" alt="">
                    <img class="xia fl" src="./img/index100_11.jpg" alt="">
                    <img class="xia fl" src="./img/index100_11.jpg" alt="">
                    <img class="xia fl aaa" src="./img/index100_11.jpg" alt="">
                </li>
            </ul>
        </div>
        <!-- 底部logo -->
        <ul class="bottomlogo clearfix">
            <li class="fl">
                <img src="./img/index15_13.jpg" alt="">
            </li>
            <li class="fl">
                <img src="./img/index15_14.jpg" alt="">
            </li>
            <li class="fl">
                <img src="./img/logo13_11.jpg" alt="">
            </li>
            <li class="fl">
                <img src="./img/logo13_12.jpg" alt="">
            </li>
            <li class="fl">
                <img src="./img/logo13_13.jpg" alt="">
            </li>
            <li class="fl">
                <img src="./img/logo13_14.jpg" alt="">
            </li>
            <li class="fl">
                <img src="./img/logo13_15.jpg" alt="">
            </li>
            <li class="fl">
                <img src="./img/logo13_16.jpg" alt="">
            </li>
            <li class="fl">
                <img src="./img/logo13_17.jpg" alt="">
            </li>
        </ul>
    </div>


    <!-- 童装 -->
    <div class="brand container clearfix brandtongzhuang floor">
        <!-- 标题选项卡 -->
        <div class="biaoti clearfix">
            <span class="fl">童装 童鞋 婴儿装</span>
            <p class="biaoti-right fr">
                <span class="biaoti-tab fl option">女装内衣</span>
                <span class="biaoti-tab fl">热销男装</span>
                <span class="biaoti-tab fr">精品鞋靴</span>
            </p>
        </div>
        <!-- 女装内衣 -->
        <div class="xuanxiagone fl on">
            <ul class="brandedcontent clearfix">
                <!-- 框1 -->
                <li class="contentbox fl">
                    <img src="./img/index7_17.jpg" alt="">
                    <p>
                        <a href="#">女包</a>
                        <a href="#">防晒品</a>
                        <a href="#">短裤</a>
                        <a href="#">冰丝内裤</a>
                        <a href="#">男包</a>
                        <a href="#">功能箱包</a>
                        <a href="#">蕾丝衬衫</a>
                        <a href="#">奢侈品</a>
                        <a href="#">男鞋</a>
                        <a href="#">女包</a>
                        <a href="#">女鞋</a>
                        <a href="#">全部分类&gt;</a>
                    </p>
                </li>
                <!-- 框2 -->
                <li class="contentbox2 fl">
                    <div class="pptbox fl slider">
                        <ul class="innerwrapper">
                            <li>
                                <a href="#">
                                    <img src="./img/index10_05.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./img/index09_05.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./img/index23_08.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./img/index21_05.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./img/index7_17.jpg" />
                                </a>
                            </li>
                        </ul>
                        <ul class="controls">
                            <li class="current">1</li>
                            <li>2</li>
                            <li>3</li>
                            <li>4</li>
                            <li>5</li>
                        </ul>
                        <span class="btnleft"></span>
                        <span class="btnright"></span>
                    </div>
                    <img class="youhui" src="./img/index11_08.jpg" alt="">
                </li>
                <!-- 框3 -->
                <li class="contentbox3 fl">
                    <img class="shang fl" src="./img/index100_05.jpg" alt="">
                    <img class="shang fl" src="./img/index100_05.jpg" alt="">
                    <img class="shang fl aaa" src="./img/index100_05.jpg" alt="">
                    <img class="xia fl" src="./img/index100_11.jpg" alt="">
                    <img class="xia fl" src="./img/index100_11.jpg" alt="">
                    <img class="xia fl aaa" src="./img/index100_11.jpg" alt="">
                </li>
            </ul>
        </div>
        <!-- 热销男装 -->
        <div class="xuanxiagone fl">
            <ul class="brandedcontent clearfix">
                <!-- 框1 -->
                <li class="contentbox fl">
                    <img src="./素材图片/热销男装/D.jpg" alt="">
                    <p>
                        <a href="#">女包</a>
                        <a href="#">防晒品</a>
                        <a href="#">短裤</a>
                        <a href="#">冰丝内裤</a>
                        <a href="#">男包</a>
                        <a href="#">功能箱包</a>
                        <a href="#">蕾丝衬衫</a>
                        <a href="#">奢侈品</a>
                        <a href="#">男鞋</a>
                        <a href="#">女包</a>
                        <a href="#">女鞋</a>
                        <a href="#">全部分类&gt;</a>
                    </p>
                </li>
                <!-- 框2 -->
                <li class="contentbox2 fl">
                    <div class="pptbox fl slider">
                        <ul class="innerwrapper">
                            <li>
                                <a href="#">
                                    <img src="./素材图片/热销男装/136700019847353_1_o.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./素材图片/热销男装/D.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./素材图片/热销男装/75840018943081_1_o.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./素材图片/热销男装/86900018851686_y.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./素材图片/热销男装/86900019841997_1_o.jpg" />
                                </a>
                            </li>
                        </ul>
                        <ul class="controls">
                            <li class="current">1</li>
                            <li>2</li>
                            <li>3</li>
                            <li>4</li>
                            <li>5</li>
                        </ul>
                        <span class="btnleft"></span>
                        <span class="btnright"></span>
                    </div>
                    <img class="youhui" src="./img/index11_08.jpg" alt="">
                </li>
                <!-- 框3 -->
                <li class="contentbox3 fl">
                    <img class="shang fl" src="./素材图片/热销男装/129860019491107_1_o.jpg" alt="">
                    <img class="shang fl" src="./素材图片/热销男装/181160019766142_1_o.jpg" alt="">
                    <img class="shang fl aaa" src="./素材图片/热销男装/151210014190666_y.jpg" alt="">
                    <img class="xia fl" src="./素材图片/热销男装/129860019491107_1_o.jpg" alt="">
                    <img class="xia fl" src="./素材图片/热销男装/129860019491107_1_o.jpg" alt="">
                    <img class="xia fl aaa" src="./素材图片/热销男装/129860019491107_1_o.jpg" alt="">
                </li>
            </ul>
        </div>
        <!-- 精品鞋靴 -->
        <div class="xuanxiagone fl">
            <ul class="brandedcontent clearfix">
                <!-- 框1 -->
                <li class="contentbox fl">
                    <img src="./素材图片/精品鞋靴/80380025413324_1_o.png" alt="">
                    <p>
                        <a href="#">女包</a>
                        <a href="#">防晒品</a>
                        <a href="#">短裤</a>
                        <a href="#">冰丝内裤</a>
                        <a href="#">男包</a>
                        <a href="#">功能箱包</a>
                        <a href="#">蕾丝衬衫</a>
                        <a href="#">奢侈品</a>
                        <a href="#">男鞋</a>
                        <a href="#">女包</a>
                        <a href="#">女鞋</a>
                        <a href="#">全部分类&gt;</a>
                    </p>
                </li>
                <!-- 框2 -->
                <li class="contentbox2 fl">
                    <div class="pptbox fl slider">
                        <ul class="innerwrapper">
                            <li>
                                <a href="#">
                                    <img src="./img/index10_05.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./img/index09_05.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./img/index23_08.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./img/index21_05.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./img/index7_17.jpg" />
                                </a>
                            </li>
                        </ul>
                        <ul class="controls">
                            <li class="current">1</li>
                            <li>2</li>
                            <li>3</li>
                            <li>4</li>
                            <li>5</li>
                        </ul>
                        <span class="btnleft"></span>
                        <span class="btnright"></span>
                    </div>
                    <img class="youhui" src="./img/index11_08.jpg" alt="">
                </li>
                <!-- 框3 -->
                <li class="contentbox3 fl">
                    <img class="shang fl" src="./img/index100_05.jpg" alt="">
                    <img class="shang fl" src="./img/index100_05.jpg" alt="">
                    <img class="shang fl aaa" src="./img/index100_05.jpg" alt="">
                    <img class="xia fl" src="./img/index100_11.jpg" alt="">
                    <img class="xia fl" src="./img/index100_11.jpg" alt="">
                    <img class="xia fl aaa" src="./img/index100_11.jpg" alt="">
                </li>
            </ul>
        </div>
        <!-- 底部logo -->
        <ul class="bottomlogo clearfix">
            <li class="fl">
                <img src="./img/index15_13.jpg" alt="">
            </li>
            <li class="fl">
                <img src="./img/index15_14.jpg" alt="">
            </li>
            <li class="fl">
                <img src="./img/logo13_11.jpg" alt="">
            </li>
            <li class="fl">
                <img src="./img/logo13_12.jpg" alt="">
            </li>
            <li class="fl">
                <img src="./img/logo13_13.jpg" alt="">
            </li>
            <li class="fl">
                <img src="./img/logo13_14.jpg" alt="">
            </li>
            <li class="fl">
                <img src="./img/logo13_15.jpg" alt="">
            </li>
            <li class="fl">
                <img src="./img/logo13_16.jpg" alt="">
            </li>
            <li class="fl">
                <img src="./img/logo13_17.jpg" alt="">
            </li>
        </ul>
    </div>


    <!-- 家具日用 -->
    <div class="brand container floor">
        <!-- 标题 -->
        <p class="biaoti">
            <span class="fl">家居日用</span>
        </p>
        <!-- 内容 -->
        <ul class="residence clearfix">
            <li class="furnishing fl">
                <img src="./img/index21_05.jpg" alt="">
            </li>
            <li class="commodity fr">
                <img class="shang fl" src="./img/index22_05.jpg" alt="">
                <img class="shang fl" src="./img/index22_05.jpg" alt="">
                <img class="shang fl" src="./img/index22_05.jpg" alt="">
                <img class="shang fl" src="./img/index22_05.jpg" alt="">
                <img class="xia fl" src="./img/index23_08.jpg" alt="">
                <img class="xia fl" src="./img/index23_08.jpg" alt="">
                <img class="xia fl" src="./img/index23_08.jpg" alt="">
                <img class="xia fl" src="./img/index23_08.jpg" alt="">

            </li>
        </ul>
    </div>
    <!-- 推广商品 -->
    <div class="brand container">
        <!-- 标题 -->
        <div class="biaoti">
            <span class="fl">推广商品</span>
            <p>
                <span><input type="video"></span>
            </p>
        </div>
        <!-- 内容 -->
        <ul class="Promotion clearfix">
            <li class="shangping fl">
                <img class="naizui" src="./img/index25_12.jpg" alt="">

                <p class="jiesao">
                    Pigeon法国制奶嘴，无毒天然乳胶
                </p>
                <span>￥:189</span>
                <p class="pinlun">
                    <button>•••</button>&emsp;已有 <span>988</span> 条评价
                </p>
            </li>
            <li class="shangping fl">
                <img class="naizui" src="./img/index25_12.jpg" alt="">

                <p class="jiesao">
                    Pigeon法国制奶嘴，无毒天然乳胶
                </p>
                <span>￥:189</span>
                <p class="pinlun">
                    <button>•••</button>&emsp;已有 <span>988</span> 条评价
                </p>
            </li>
            <li class="shangping fl">
                <img class="naizui" src="./img/index25_12.jpg" alt="">

                <p class="jiesao">
                    Pigeon法国制奶嘴，无毒天然乳胶
                </p>
                <span>￥:189</span>
                <p class="pinlun">
                    <button>•••</button>&emsp;已有 <span>988</span> 条评价
                </p>
            </li>
            <li class="shangping fl">
                <img class="naizui" src="./img/index25_12.jpg" alt="">

                <p class="jiesao">
                    Pigeon法国制奶嘴，无毒天然乳胶
                </p>
                <span>￥:189</span>
                <p class="pinlun">
                    <button>•••</button>&emsp;已有 <span>988</span> 条评价
                </p>
            </li>
            <li class="shangping fl">
                <img class="naizui" src="./img/index25_12.jpg" alt="">

                <p class="jiesao">
                    Pigeon法国制奶嘴，无毒天然乳胶
                </p>
                <span>￥:189</span>
                <p class="pinlun">
                    <button>•••</button>&emsp;已有 <span>988</span> 条评价
                </p>
            </li>
            <li class="shangping fl">
                <img class="naizui" src="./img/index25_12.jpg" alt="">

                <p class="jiesao">
                    Pigeon法国制奶嘴，无毒天然乳胶
                </p>
                <span>￥:189</span>
                <p class="pinlun">
                    <button>•••</button>&emsp;已有 <span>988</span> 条评价
                </p>
            </li>
            <li class="shangping fl">
                <img class="naizui" src="./img/index25_12.jpg" alt="">

                <p class="jiesao">
                    Pigeon法国制奶嘴，无毒天然乳胶
                </p>
                <span>￥:189</span>
                <p class="pinlun">
                    <button>•••</button>&emsp;已有 <span>988</span> 条评价
                </p>
            </li>
            <li class="shangping fl">
                <img class="naizui" src="./img/index25_12.jpg" alt="">

                <p class="jiesao">
                    Pigeon法国制奶嘴，无毒天然乳胶
                </p>
                <span>￥:189</span>
                <p class="pinlun">
                    <button>•••</button>&emsp;已有 <span>988</span> 条评价
                </p>
            </li>
            <li class="shangping fl">
                <img class="naizui" src="./img/index25_12.jpg" alt="">

                <p class="jiesao">
                    Pigeon法国制奶嘴，无毒天然乳胶
                </p>
                <span>￥:189</span>
                <p class="pinlun">
                    <button>•••</button>&emsp;已有 <span>988</span> 条评价
                </p>
            </li>
            <li class="shangping fl">
                <img class="naizui" src="./img/index25_12.jpg" alt="">

                <p class="jiesao">
                    Pigeon法国制奶嘴，无毒天然乳胶
                </p>
                <span>￥:189</span>
                <p class="pinlun">
                    <button>•••</button>&emsp;已有 <span>988</span> 条评价
                </p>
            </li>


        </ul>
    </div>
    <!-- 尾部 -->
    <div class="foottonglan container-fluid">
        <div class="foottong  container">
            <img src="./img/222_11.png" alt="">
            <img src="./img/222_13(1).png" alt="">
            <img src="./img/222_15.png" alt="">
            <img src="./img/222_17.png" alt="">
        </div>
    </div>
    <div class="foot container">
        <ul class="clearfix">
            <li class="fl">
                <h3>购物指南</h3>
                <a class="lianjie" href="#">购物流程</a>
                <a class="lianjie" href="#">发票制度</a>
                <a class="lianjie" href="#">账户管理</a>
                <a class="lianjie" href="#">会员优惠</a>
            </li>
            <li class="fl">
                <h3>支付方式</h3>
                <a class="lianjie" href="#">货到付款</a>
                <a class="lianjie" href="#">网上支付</a>
                <a class="lianjie" href="#">礼品卡支付</a>
                <a class="lianjie" href="#">银行转账</a>
            </li>
            <li class="fl">
                <h3>订单服务</h3>
                <a class="lianjie" href="#">订单配送查询</a>
                <a class="lianjie" href="#">订单状态查询</a>
                <a class="lianjie" href="#">自助取消订单</a>
                <a class="lianjie" href="#">自助修改订单</a>
            </li>
            <li class="fl">
                <h3>退换货</h3>
                <a class="lianjie" href="#">退换货政策</a>
                <a class="lianjie" href="#">自助申请退换货</a>
                <a class="lianjie" href="#">退换货进度查询</a>
                <a class="lianjie" href="#">退款方式和时间</a>
            </li>
            <li class="fl">
                <h3>商家服务</h3>
                <a class="lianjie" href="#">商家中心</a>
                <a class="lianjie" href="#">运营服务</a>
                <a class="lianjie" href="#">加入唯品会</a>
            </li>
            <img src="./img/logo_00.png" alt="">
        </ul>
        <p class="jieshao">
            <a class="jieshaodao" href="#">公司简介 |</a>
            <a class="jieshaodao" href="#">Investor Relations |</a>
            <a class="jieshaodao" href="#">网站联盟 |</a>
            <a class="jieshaodao" href="#">乐购招商 |</a>
            <a class="jieshaodao" href="#">机构销售 |</a>
            <a class="jieshaodao" href="#">手机乐购 |</a>
            <a class="jieshaodao" href="#">官方Blog |</a>
            <a class="jieshaodao" href="#">热词搜索</a>
        </p>
        <p class="xinxi">
            Copyright (C) 乐购网 2004-2016, All Rights Reserved
        </p>
    </div>
    <!-- 引入当前文件的js -->
    <script src="./js/index.js"></script>
</body>

</html>